<template>
	<view>
		
<uni-nav-bar backgroundColor="#007AFF" color="#fff">
    <view> 
		<uni-icons type="chat" size="15" color="#fff"></uni-icons>
		<text class="bt">清除未读</text>
	</view>
    <view slot="left" style="margin-left: 20rpx;">消息</view>
    <view slot="right">
		<uni-icons type="phone" size="20" style="margin-left: -20rpx; color: #fff;"></uni-icons>
		<text>客服</text>
		</view>
</uni-nav-bar>
<!-- 评论 -->
	<view class="news" @click="comment">
		<image src="../../static/tabs/comment.png" mode="" ></image>
		<view class="xx">
			<text>评论</text>
		</view>
		<view class="rightopen">
			<image src="../../static/tabs/jt.png" mode=""></image>
		</view>
	</view>
	<view class="solid"></view>
	 <!-- 赞 -->
	 <view class="news" @click="praise">
	 	<image src="../../static/tabs/praise.png" mode=""></image>
	 	<view class="xx">
	 		<text>赞</text>
	 	</view>
	 	<view class="rightopen">
	 		<image src="../../static/tabs/jt.png" mode=""></image>
	 	</view>		
	 </view>
	 <view class="solid"></view> 
	 <view class="news">
	 	<image src="../../static/tabs/hot.png" mode=""></image>
	 	<view class="xx1">
	 		<text>热门推荐</text>
	<view class="gl">
			<text>独家攻略，新手党竟能做这么多！</text>
		</view>
	 	</view>
		
	 	<view class="rightopen">
	 		<image src="../../static/tabs/jt.png" mode=""></image>
	 	</view>
	 		
	 </view>
	 <view class="solid"></view> 
	</view>
</template>

<script>
	import uniIcons from "@/components/uni-icons/uni-icons.vue"
	import uniNavBar from "@/components/uni-nav-bar/uni-nav-bar.vue"
	export default { 
		data() {
			return {
				
			} 
		},
		methods: {
			//我的评论页面
			comment(){
				uni.navigateTo({
					url:'/pages/news_comments/news_comments'
				})
			},
			//我的点赞页面
			praise(){
				uni.navigateTo({
					url:'/pages/news_praise/news_praise'
				})
			},
			
		},
		components: {uniNavBar,uniIcons}
	}
</script>

<style>
.bt{
	font-size: 24rpx;
	text-align: left;
	font-family: SourceHanSansSC-regular;
}
.news{
	width: 100vw;
	height: 150rpx;
	margin-top: 20rpx;
}
.news image{
	width: 110rpx;
	margin: 20rpx;
	float: left;
	margin-left: 50rpx;
	height: 110rpx;
}
.xx{
	width: 150rpx;
	height: 50rpx;
	float: left;
	color: rgba(104, 104, 103, 100);
	font-size: 36rpx;
	text-align: left;
	font-family: PingFangSC-regular;
	margin-left: 20rpx;
	line-height: 150rpx;
}
.xx1{
	width: 150rpx;
	height: 50rpx;
	float: left;
	color: rgba(104, 104, 103, 100);
	font-size: 24rpx;
	text-align: left;
	font-family: PingFangSC-regular;
	margin-left: 20rpx;
	line-height: 100rpx;
}
.gl{
	width: 400rpx;
	height: 50rpx;
	margin-top: -50rpx;
}
.rightopen  image{
float: right;
width: 48rpx;
height: 48rpx;

margin-top: 50rpx;
}
.solid{
	width: 600rpx;
	height: NaNpx;
	margin: 0 auto;
	border: 1rpx solid #C0C0C0;
}
</style>
